// 嵌套属性
body {
  font: {
    family: Arial;
    size: 15px;
    weight: normal;
  }
  
  .nav{
    border: 1px solid #000{
      left: 5px;
      right: auto;}  
  }
}

// mixin
@mixin alert($text-color, $background){
  color: $text-color;
  background-color: $background;
  a{
    color: darken($text-color, 10%);
  }
}

.alert-warning{
  @include alert(green, black);
}
// .alert-info{
//   @include alert($background: blue, $text-color: pink);
// }

// partials 和 @import
@import "base";

.alert{
  padding: 15px;
}

.alert a{
  font-weight: bold;
  span{
    line-height: 15px;
  }
}
.alert-info{
  @extend .alert;
  background-color: red;
}

/* 多行注释 */ 
// 无效注释


/* Data Type */ 
